<template>
  <div class="content-wrapper">
    <div class="main-title">核心能力</div>
    <div class="flex-grid">
      <div class="list f-normal" v-for="(item,index) in list" @click="goDetail(item)">
        <div class="text-center"><img :src="item.iconUrl" alt=""></div>
        <div class="fs-30 f-bold mt-50 mb-30 text-center">{{item.name}}</div>
        <div class="fs-20">{{item.label}}</div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'index',
    data () {
      return {
        list: [
          {
            pathName:'DetailPage1',
            iconUrl: require('../../assets/images/nl/icon-01.png'),
            name: '深度拥抱信创，打造信创数据库',
            label: '天翼云加入了数据库信创WG2小组，积极参与数据库信创标准修订，打造信创级别的数据库能力。其中TeleDB党政军集中式数据库信创测试中，66个测试大项，超250个测试点，100%测试通过，具备信创级别数据库能力。'
          },
          {
            pathName:'DetailPage2',
            iconUrl: require('../../assets/images/nl/icon-02.png'),
            name: '兼容社区生态，打造核心能力',
            label: '天翼云数据库团队积极拥抱社区生态和组件自身核心能力打造，针对开源MySQL内核进行深度优化，针对BUG修复、性能优化、功能增强等方面进行了9个核心功能的改造；从2018年以来一直参与TiDB开源社区，已为社区贡献19个PR。 2021年4月，天翼云正式加入openGauss社区。作为首个加入openGauss社区的电信运营商，天翼云将借助社区合力打造数据库产品生态链，实现运营商行业关键场景对数据库高可靠、高性能、高安全的核心诉求，丰富电信级核心业务OLTP数据库生态。'
          },
          {
            pathName:'DetailPage3',
            iconUrl: require('../../assets/images/nl/icon-03.png'),
            name: '全面国产化适配，打通全链国产化能力',
            label: '建立天翼云信创开放实验室，跟踪最新的底层硬件适配目录，全面推进互认证生态建设，包括与主流鲲鹏、海光、飞腾、龙芯等国产芯片及服务器，麒麟、统信等国产操作系统等。'
          }
        ]
      }
    },
    methods :{
      goDetail (val) {
        this.$router.push({ name: val.pathName })
      }
    }
  }
</script>

<style scoped lang="scss">
  .flex-grid{
    padding: 70px 120px;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 40px;
    grid-column-gap: 50px;
    img{
      width: 90px;
    }
    .list{
      cursor: pointer;
      line-height: 38px;
    }
  }
</style>
